// Element Plus 主题定制

// 主色调
$--color-primary: #409eff;
$--color-primary-light-1: #53a8ff;
$--color-primary-light-2: #66b1ff;
$--color-primary-light-3: #79bbff;
$--color-primary-light-4: #8cc5ff;
$--color-primary-light-5: #a0cfff;
$--color-primary-light-6: #b3d8ff;
$--color-primary-light-7: #c6e2ff;
$--color-primary-light-8: #d9ecff;
$--color-primary-light-9: #ecf5ff;

// 成功色
$--color-success: #67c23a;
$--color-success-light: #e1f3d8;
$--color-success-lighter: #f0f9ff;

// 警告色
$--color-warning: #e6a23c;
$--color-warning-light: #faecd8;
$--color-warning-lighter: #fdf6ec;

// 危险色
$--color-danger: #f56c6c;
$--color-danger-light: #fde2e2;
$--color-danger-lighter: #fef0f0;

// 信息色
$--color-info: #909399;
$--color-info-light: #e9e9eb;
$--color-info-lighter: #f4f4f5;

// 文本色
$--color-text-primary: #303133;
$--color-text-regular: #606266;
$--color-text-secondary: #909399;
$--color-text-placeholder: #c0c4cc;

// 边框色
$--border-color-base: #dcdfe6;
$--border-color-light: #e4e7ed;
$--border-color-lighter: #ebeef5;
$--border-color-extra-light: #f2f6fc;

// 背景色
$--background-color-base: #f5f7fa;
$--background-color-light: #fafafa;

// 字体
$--font-size-extra-large: 20px;
$--font-size-large: 18px;
$--font-size-medium: 16px;
$--font-size-base: 14px;
$--font-size-small: 13px;
$--font-size-extra-small: 12px;

// 圆角
$--border-radius-base: 4px;
$--border-radius-small: 2px;
$--border-radius-round: 20px;
$--border-radius-circle: 100%;

// 阴影
$--box-shadow-base: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
$--box-shadow-dark: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.12);
$--box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1);

// 组件尺寸
$--size-large: 40px;
$--size-default: 32px;
$--size-small: 28px;

// 表格
$--table-border-color: #ebeef5;
$--table-border: 1px solid $--table-border-color;
$--table-text-color: #606266;
$--table-header-text-color: #909399;
$--table-row-hover-background-color: #f5f7fa;
$--table-current-row-background-color: #ecf5ff;
$--table-header-background-color: #fafafa;

// 菜单
$--menu-item-height: 56px;
$--menu-item-font-size: 14px;
$--menu-background-color: #304156;
$--menu-text-color: #bfcbd9;
$--menu-active-color: #409eff;
$--menu-hover-background-color: #263445;

// 按钮
$--button-font-weight: 500;
$--button-border-radius: 4px;
$--button-padding-vertical: 12px;
$--button-padding-horizontal: 20px;

// 输入框
$--input-height: 40px;
$--input-border-color: #dcdfe6;
$--input-border-color-hover: #c0c4cc;
$--input-border-radius: 4px;
$--input-font-size: 14px;

// 对话框
$--dialog-border-radius: 8px;
$--dialog-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);

// 卡片
$--card-border-radius: 8px;
$--card-border-color: #ebeef5;
$--card-padding: 20px;

// 分页
$--pagination-font-size: 13px;
$--pagination-background-color: #fff;
$--pagination-color: #606266;
$--pagination-border-radius: 3px;
$--pagination-button-color: #606266;
$--pagination-button-disabled-color: #c0c4cc;
$--pagination-button-disabled-background-color: #fff;
$--pagination-hover-color: #409eff;

// 标签
$--tag-padding: 0 10px;
$--tag-font-size: 12px;
$--tag-border-radius: 4px;
$--tag-height: 24px;

// 徽章
$--badge-background-color: #f56c6c;
$--badge-radius: 10px;
$--badge-font-size: 12px;
$--badge-padding: 6px 18px;
$--badge-size: 18px;

// 步骤条
$--steps-border-radius: 4px;
$--steps-padding: 20px;

// 时间线
$--timeline-node-size-normal: 12px;
$--timeline-node-size-large: 14px;
$--timeline-node-color: #e4e7ed;

// 树形控件
$--tree-node-hover-background-color: #f5f7fa;
$--tree-text-color: #606266;
$--tree-expand-icon-color: #c0c4cc;

// 穿梭框
$--transfer-border-color: #ebeef5;
$--transfer-border-radius: 6px;
$--transfer-panel-width: 200px;
$--transfer-panel-header-height: 40px;
$--transfer-panel-header-background-color: #f5f7fa;
$--transfer-panel-footer-height: 40px;
$--transfer-panel-body-height: 246px;
$--transfer-item-height: 30px;
$--transfer-item-hover-background-color: #f5f7fa;
$--transfer-item-selected-background-color: #ecf5ff;

// 日期选择器
$--datepicker-border-color: #e4e7ed;
$--datepicker-inner-border-color: #e4e7ed;
$--datepicker-header-color: #606266;
$--datepicker-icon-color: #c0c4cc;
$--datepicker-border-radius: 4px;
$--datepicker-item-hover-color: #f2f6fc;
$--datepicker-item-hover-background-color: #f2f6fc;

// 时间选择器
$--time-picker-panel-color: #606266;
$--time-picker-border-color: #e4e7ed;

// 颜色选择器
$--color-picker-alpha-background-a: #ccc;
$--color-picker-alpha-background-b: #fff;

// 级联选择器
$--cascader-menu-border-color: #e4e7ed;
$--cascader-menu-border-radius: 4px;
$--cascader-node-background-hover: #f5f7fa;
$--cascader-node-color-disabled: #c0c4cc;
$--cascader-color-empty: #c0c4cc;
$--cascader-tag-background: #f0f2f5;

// 滑块
$--slider-main-background-color: #409eff;
$--slider-runway-background-color: #e4e7ed;
$--slider-button-background-color: #fff;
$--slider-button-border-color: #409eff;
$--slider-height: 6px;
$--slider-button-size: 16px;
$--slider-disabled-color: #c0c4cc;
$--slider-margin: 16px 0;
$--slider-border-radius: 3px;
$--slider-padding: 0 16px;
$--slider-marks-color: #909399;

// 评分
$--rate-height: 20px;
$--rate-font-size: 18px;
$--rate-icon-size: 18px;
$--rate-icon-margin: 6px;
$--rate-icon-color: #c0c4cc;

// 加载
$--loading-spinner-size: 42px;
$--loading-fullscreen-spinner-size: 50px;
